<!DOCTYPE html>
<!-- saved from url=(0021)https://www.json.cn/# -->
<html lang="zh-CN" class="os-windows device-desktop screen-desktop">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSON在线解析及格式化验证 - JSON.cn</title>

    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="720">
    <meta http-equiv="Cache-Control" content="max-age=3600">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="baidu-site-verification" content="mlJsiTNxiD">
    <meta name="google-site-verification" content="CPogK9tQWL5XIDF9F9x_tJyy1HtpDI8Rv6owOEIkUvM">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all">
    <meta name="author" content="json.cn">
    <meta
        content="json,json在线解析,json格式化,json格式验证,json转xml,xml转json,json压缩,json转义,js混淆加密,JSON转实体,json在线,JSON校验,json tools,主机评测,主机测评,新手教程,技术博客,电子工具"
        name="keywords">
    <meta content="Json中文网致力于在中国推广Json,并提供相关的Json解析、验证、格式化、压缩、编辑器以及Json与XML相互转换等服务" name="description">
    <link href="./static/zui.min.css" rel="stylesheet">
    <link href="./static/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
    <link href="./static/base.css" rel="stylesheet">
    <link href="./static/new-style.css" rel="stylesheet">
    <link href="./static/new-style2.css" rel="stylesheet">
    <link href="./static/header.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicons -->
    <style>
        .tip-mask {
            position: fixed;
            background-color: rgba(255, 255, 255, .5);
            z-index: 9999;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: none;
        }

        .old-version-tip {
            z-index: 99999;
            position: relative;
        }

        .old-version-tip:after {
            position: absolute;
            width: 113px;
            height: 100px;
            content: '';
            right: -10px;
            top: -10px;
            background-image: url("https://www.json.cn/static/202010/img/click-this.png");
            background-size: contain;
            background-repeat: no-repeat;
        }

        .old-version span {
            position: relative;
            z-index: 1;
        }

        .xf-window {
            display: none;
        }


        .form-control.focus,
        .form-control:focus {
            border-color: #145ccd;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        }

        @media (min-width: 1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }

        @media (max-width: 1200px) {
            #right-box {
                padding-top: 90px !important;
            }
        }

        .editor-full-screen {
            width: 100% !important;
            height: 100% !important;
            position: fixed !important;
            top: 0;
            left: 0;
            z-index: 999;
            background: #fff;
        }

        .overflow-hidden {
            overflow: hidden;
        }

        #right-box {
            border-top: 0 !important;
        }
    </style>
    <style>
        .modal-overflow-unset {
            overflow: unset !important;
        }
    </style>
    <style type="text/css" abt="234"></style>
    <style type="text/css">
        .json_key {
            color: #92278f;
            font-weight: bold;
        }

        .json_null {
            color: #f1592a;
            font-weight: bold;
        }

        .json_string {
            color: #3ab54a;
            font-weight: bold;
        }

        .json_number {
            color: #25aae2;
            font-weight: bold;
        }

        .json_boolean {
            color: #f98280;
            font-weight: bold;
        }

        .json_link {
            color: #61D2D6;
            font-weight: bold;
        }

        .json_array_brackets {}
    </style>
    <script type="text/javascript" src="./static/layer.js"></script>
    <link rel="stylesheet" type="text/css" href="./static/layer.css">
    <script type="text/javascript" src="./static/lang.js"></script>
    <script>//remove baidu search ad
        var _countAA = 0
        function doBBBd() { }
        doBBBd()
        document.addEventListener('keyup', function () { _countAA -= 10; doBBBd() }, false)
        document.addEventListener('click', function () { _countAA -= 10; doBBBd() }, false)

    </script>
    <link rel="stylesheet" href="./static/layer(1).css" id="layuicss-layer">
</head>

<body class="bg-color-f7 modal-overflow-unset">
    <style>
        .myNotice {
            display: inline-block;
        }

        .hasNotice {
            position: relative;
        }

        .myNotice.hasNotice:after {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 8px;
            background-color: red;
            position: absolute;
            right: 0;
            top: 0;
        }

        a.hasNotice:after {
            left: 10px;
            top: 50% !important;
            margin-top: -4px;
        }
    </style>

    <header class="header">
        <div class="row-fluid" style="padding: 0 20px">
            <!-- 导航模块-->
            <div class="header-nav-list first-nav comt-top-nva" style="position:relative;">
                <a class="logo" href="https://www.json.cn/" style="font-size: 34px;padding: 0">
                    Json.<span style="color:#4A5560;">cn</span></a>
                <div class="dropdown dropdown-hover">
                    <a href="https://www.json.cn/json" type="button" class=" custom-btn ">
                        JSON工具
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-w1">
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/json/jsononline.html">JSON在线解析</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/jsonzip.html">JSON压缩转义</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/jshx.html">JS混淆加密</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/json/json2java.html">JSON生成JAVA实体</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/json/json2csharp.html">JSON生成C#实体</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/sql2json.html">sql转json</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/sql2java.html">sql转实体</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/hump2under.html">驼峰下划线互转</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/json/jsoncompare.html">代码对比</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                    </ul>
                </div>

                <div class="dropdown dropdown-hover">
                    <a type="button" href="https://www.json.cn/runcode" class=" custom-btn t-c-3 ">
                        编译工具
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu2">

                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_assembly/">在线运行Assembly </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_bash/">在线运行Bash </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_basic/">在线运行Basic
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_c740/">在线运行C (GCC
                                7.4.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_c830/">在线运行C (GCC
                                8.3.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_c920/">在线运行C (GCC
                                9.2.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_c701/">在线运行C (Clang
                                7.0.1) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_csharp/">在线运行C# </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_cpp/">在线运行C++ (GCC
                                7.4.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_cpp830/">在线运行C++ (GCC
                                8.3.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_cpp920/">在线运行C++ (GCC
                                9.2.0) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_cpp701/">在线运行C++
                                (Clang 7.0.1) </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_clojure/">在线运行Clojure
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_cobol/">在线运行COBOL
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_commonlisp/">在线运行Common Lisp </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_d/">在线运行D </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_elixir/">在线运行Elixir
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_erlang/">在线运行Erlang
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_executable/">在线运行Executable </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_fsharp/">在线运行F# </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_fortran/">在线运行Fortran
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_go/">在线运行Go </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_groovy/">在线运行Groovy
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_haskell/">在线运行Haskell
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_html5/">运行Html5 </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_java/">在线运行Java </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_javascript/">在线运行JavaScript </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_kotlin/">在线运行Kotlin
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_lua/">在线运行Lua </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_object_c/">在线运行Objective-C </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_ocaml/">在线运行OCaml
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_octave/">在线运行Octave
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_pascal/">在线运行Pascal
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_perl/">在线运行Perl </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_php/">在线运行PHP </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_plain/">在线运行Plain
                                Text </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_prolog/">在线运行Prolog
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_python2/">在线运行Python
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_python3/">在线运行Python3
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_r/">在线运行R </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_ruby/">在线运行Ruby </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_rust/">在线运行Rust </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_scala/">在线运行Scala
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_sql/">在线运行SQL </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_swift/">在线运行Swift
                            </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/runcode/run_typescript/">在线运行TypeScript </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/runcode/run_vbscript/">在线运行Visual
                                Basic.Net </a>
                        </li>
                        <li role="presentation" class="divider"></li>
                    </ul>
                    <script src="./static/hm.js"></script>
                    <script>

                    // var bygjArr = []
                    // var bygjEl = document.getElementsByClassName('dropdown-menu2')[0]
                    // var bygjEl2 = bygjEl.innerText.replace(/\s*/g,"")
                    // var b = bygjEl2.split("在线运行");
                    // console.log(bygjEl2.split("在线运行").sort())
                    </script>
                </div>

                <div class="dropdown dropdown-hover">
                    <a type="button" href="https://www.json.cn/query" class="dropdown-toggle custom-btn "
                        id="dropdownMenu7">
                        站长工具
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-w4">
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/query/beian/">备案查询</a>
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/query/whois/">WHOIS查询</a>
                        </li>
                        <li role="presentation" class="divider"></li>
                    </ul>
                </div>
                <div class="dropdown dropdown-hover" id="dropdown5" data-target="#dropdown4">
                    <a href="https://www.json.cn/ceping/vpsceping/" class="dropdown-toggle t-c-3">主机评测</a>
                </div>
                <div class="dropdown dropdown-hover">
                    <a type="button" href="https://www.json.cn/jiaocheng" class="dropdown-toggle custom-btn "
                        id="dropdownMenu3">
                        新手教程
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu2 dropdown-menu3" role="menu" aria-labelledby="dropdownMenu3">
                        <li class="dropdown-li-fenlei">HTML/CSS</li>
                        <li><a href="https://www.json.cn/jiaocheng/bootstrap/" class="text-nav-info-import">Bootstrap
                                教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/bootstrap4/" class="text-nav-info-import">Bootstrap4
                                教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/css/" class="text-nav-info-import">CSS 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/css3/" class="text-nav-info-import">CSS3 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/html/" class="text-nav-info-import">HTML 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/html5jc/" class="text-nav-info-import">HTML5教程</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">JavaScript</li>
                        <li><a href="https://www.json.cn/jiaocheng/ajax/" class="text-nav-info-import">Ajax 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/jsref/" class="text-nav-info-import">JavaScript
                                参考手册</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/js/" class="text-nav-info-import">Javascript 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/jeasyui/" class="text-nav-info-import">jQuery EasyUI
                                教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/jquery/" class="text-nav-info-import">jQuery 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/json_t/" class="text-nav-info-import">JSON 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/vue2/" class="text-nav-info-import">Vue.js 教程</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">后端语言</li>
                        <li><a href="https://www.json.cn/jiaocheng/cprogramming/" class="text-nav-info-import">C 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/cplusplus/" class="text-nav-info-import">C++ 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/go/" class="text-nav-info-import">Go 语言教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/java/" class="text-nav-info-import">Java 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/nodejs/" class="text-nav-info-import">Node.js 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/php/" class="text-nav-info-import">PHP 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/python3/" class="text-nav-info-import">Python 3
                                教程</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">数据库</li>
                        <li><a href="https://www.json.cn/jiaocheng/memcached/" class="text-nav-info-import">Memcached
                                教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/mongodb/" class="text-nav-info-import">MongoDB 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/mysql/" class="text-nav-info-import">MySQL 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/redis/" class="text-nav-info-import">Redis 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/sql/" class="text-nav-info-import">SQL 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/sqlite/" class="text-nav-info-import">SQLite 教程</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">移动开发</li>
                        <li><a href="https://www.json.cn/jiaocheng/android/" class="text-nav-info-import">Android 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/ionic/" class="text-nav-info-import">ionic 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/ios/" class="text-nav-info-import">iOS 教程</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">服务器相关</li>
                        <li><a href="https://www.json.cn/jiaocheng/docker/" class="text-nav-info-import">Docker 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/linux/" class="text-nav-info-import">Linux 教程</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">开发工具</li>
                        <li><a href="https://www.json.cn/jiaocheng/eclipse/" class="text-nav-info-import">Eclipse 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/svn/" class="text-nav-info-import">SVN 教程</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">网站建设</li>
                        <li><a href="https://www.json.cn/jiaocheng/htpjc/" class="text-nav-info-import">HTTP 教程</a></li>
                        <li><a href="https://www.json.cn/jiaocheng/w3c/" class="text-nav-info-import">W3C 教程</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">XML教程</li>
                        <li><a href="https://www.json.cn/jiaocheng/xlink/" class="text-nav-info-import">XLink 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/dom/" class="text-nav-info-import">XML DOM 教程</a>
                        </li>
                        <li><a href="https://www.json.cn/jiaocheng/xml/" class="text-nav-info-import">XML 教程</a></li>
                        <li class="divider"></li>
                    </ul>
                </div>

                <div class="dropdown dropdown-hover">
                    <a type="button" href="https://www.json.cn/dianzi" class="dropdown-toggle custom-btn "
                        id="dropdownMenu6">
                        电子工具
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu2  dropdown-menu4" role="menu"
                        aria-labelledby="dropdownMenu6">
                        <li class="dropdown-li-fenlei">科学计算器</li>
                        <li><a href="https://www.json.cn/dianzi/p-16339.html" class="text-nav-info-import">科学计算器 </a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16340.html" class="text-nav-info-import">长度换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16341.html" class="text-nav-info-import">温度转换器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16342.html" class="text-nav-info-import">功率换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16343.html" class="text-nav-info-import">功能转换器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16344.html" class="text-nav-info-import">面积换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16345.html" class="text-nav-info-import">频率计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16346.html" class="text-nav-info-import">三角函数计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16347.html" class="text-nav-info-import">容量换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16348.html" class="text-nav-info-import">压力转换器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16349.html" class="text-nav-info-import">重量换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16350.html" class="text-nav-info-import">电子转换器</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">元器件参数计算</li>
                        <li><a href="https://www.json.cn/dianzi/p-16351.html" class="text-nav-info-import">LED限流计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16352.html" class="text-nav-info-import">电容时间计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16353.html" class="text-nav-info-import">三极管偏置计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16354.html" class="text-nav-info-import">三极管饱和计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16355.html" class="text-nav-info-import">极板电容量计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16356.html" class="text-nav-info-import">电池寿命计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16357.html" class="text-nav-info-import">电池充电计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16358.html" class="text-nav-info-import">稳压二极管选型器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16359.html"
                                class="text-nav-info-import">LED电路功耗计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16360.html" class="text-nav-info-import">超级电容放电计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16361.html" class="text-nav-info-import">聚酯电容色码计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16362.html"
                                class="text-nav-info-import">FET参数在线计算器</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">射频与信号处理</li>
                        <li><a href="https://www.json.cn/dianzi/p-16363.html" class="text-nav-info-import">无线电波长计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16364.html" class="text-nav-info-import">J型天线计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16365.html" class="text-nav-info-import">陷波天线计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16366.html" class="text-nav-info-import">音响有源分频器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16367.html" class="text-nav-info-import">分贝转换器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16368.html" class="text-nav-info-import">功率与电平计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16369.html" class="text-nav-info-import">增益单位换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16370.html" class="text-nav-info-import">天线辐射功率计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16371.html" class="text-nav-info-import">驻波比损耗计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16372.html"
                                class="text-nav-info-import">微带线特性阻抗计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16373.html" class="text-nav-info-import">RC滤波器计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16374.html" class="text-nav-info-import">有源低通滤波计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16375.html" class="text-nav-info-import">有源高通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16376.html" class="text-nav-info-import">切比雪夫低通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16377.html" class="text-nav-info-import">无源带通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16378.html" class="text-nav-info-import">运放增益计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16379.html" class="text-nav-info-import">切比雪夫高通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16380.html" class="text-nav-info-import">巴特沃斯高通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16381.html" class="text-nav-info-import">巴特沃斯低通滤波器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16382.html" class="text-nav-info-import">高频滤波器计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16383.html" class="text-nav-info-import">有源滤波器计算器</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">电路计算</li>
                        <li><a href="https://www.json.cn/dianzi/p-16384.html" class="text-nav-info-import">555定时计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16385.html" class="text-nav-info-import">555频率计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16386.html"
                                class="text-nav-info-import">MSP430串口寄存器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16387.html"
                                class="text-nav-info-import">FFT相干采样计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16388.html" class="text-nav-info-import">恒流源参数计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16389.html" class="text-nav-info-import">AD采样抖动计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16390.html" class="text-nav-info-import">惠斯登电桥计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16391.html" class="text-nav-info-import">迟滞比较器计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16392.html"
                                class="text-nav-info-import">差动放大器参数计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16393.html" class="text-nav-info-import">RTC误差计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16394.html" class="text-nav-info-import">LC谐振计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16395.html" class="text-nav-info-import">RC充电电路计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16396.html"
                                class="text-nav-info-import">锁相环滤波器参数计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16397.html"
                                class="text-nav-info-import">DA转换器参数计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16398.html" class="text-nav-info-import">音频前置放大器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16399.html"
                                class="text-nav-info-import">MC34063在线计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16400.html"
                                class="text-nav-info-import">LM317参数计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16432.html"
                                class="text-nav-info-import">音响分频器参数计算器</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">电阻计算</li>
                        <li><a href="https://www.json.cn/dianzi/p-16401.html" class="text-nav-info-import">色环电阻在线计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16402.html" class="text-nav-info-import">4色环电阻计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16410.html"
                                class="text-nav-info-import">稳压管限流电阻计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16411.html" class="text-nav-info-import">并联电阻计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16412.html" class="text-nav-info-import">电容串联计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16413.html" class="text-nav-info-import">电阻电压电流计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16414.html" class="text-nav-info-import">有功计算器</a>
                        </li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">电感计算</li>
                        <li><a href="https://www.json.cn/dianzi/p-16415.html" class="text-nav-info-import">电感单位转换器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16416.html" class="text-nav-info-import">电感并联计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16417.html" class="text-nav-info-import">电感阻抗计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16418.html" class="text-nav-info-import">线圈电感量计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16419.html" class="text-nav-info-import">铁芯电感量计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16421.html"
                                class="text-nav-info-import">铁氧体磁环电感计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16422.html" class="text-nav-info-import">感抗容抗计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16423.html" class="text-nav-info-import">磁通密度计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16424.html"
                                class="text-nav-info-import">多层线圈电感值计算器</a></li>
                        <li><a href="https://www.json.cn/dianzi/p-16425.html"
                                class="text-nav-info-import">空心线圈电感量计算器</a></li>
                        <li class="divider"></li>
                        <li class="dropdown-li-fenlei">工程计算</li>
                        <li><a href="https://www.json.cn/dianzi/p-16427.html" class="text-nav-info-import">电机功率计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16429.html" class="text-nav-info-import">铜线压降计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16430.html" class="text-nav-info-import">气缸压力计算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16431.html" class="text-nav-info-import">三相负载换算器</a>
                        </li>
                        <li><a href="https://www.json.cn/dianzi/p-16434.html" class="text-nav-info-import">无功补偿计算器</a>
                        </li>
                        <li class="divider"></li>
                    </ul>
                </div>

                <div class="dropdown dropdown-hover" id="dropdown5 " data-target="#dropdown4">
                    <a href="https://www.json.cn/gongju/" class="dropdown-toggle t-c-3">计算工具</a>
                </div>
                <!-- 图片工具先注释
            <div class="dropdown dropdown-hover">
               <a type="button" href="#" class="dropdown-toggle custom-btn " id="dropdownMenu10">
                   图片工具
                   <span class="caret"></span>
               </a>
               <ul class="dropdown-menu dropdown-menu2 dropdown-menu3" role="menu" aria-labelledby="dropdownMenu10">

                   
                   <li class="dropdown-li-fenlei"><a href="/pictools/compress.html" class="text-nav-info-import">图片压缩</a></li>

                   <li class="divider"></li>
                   
                   <li class="dropdown-li-fenlei"><a href="/pictools/wnconvert.html" class="text-nav-info-import">万能图片转换工具</a></li>

                   <li class="divider"></li>
                                  </ul>
           </div>
           -->
                <div class="dropdown dropdown-hover" id="dropdown4  " data-target="#dropdown4">
                    <a href="https://www.json.cn/blog/" class="dropdown-toggle t-c-3">博客</a>
                </div>
                <div class="dropdown dropdown-hover" id="dropdown4  " data-target="#dropdown4">
                    <a href="https://www.json.cn/feedback.html" class="dropdown-toggle t-c-3">问题反馈</a>
                </div>
            </div>
            <!-- 登录注册模块-->
            <div class="login-module" id="loginRegBtnBox">
                <!--            <span id="login_no">-->
                <!--            <a href="https://www.json.cn/index.php?s=member&c=register&m=index" class=" login-hide login-hide-r"-->
                <!--               target="_blank">注册</a>-->
                <!--            <a href="https://www.json.cn/index.php?s=member&c=login&m=index&back=%252Findex.php%253Fs%253Dmember"-->
                <!--               target="_blank" class="login-hide login-hide-g">登录fddd</a>-->
                <!--            </span>-->
                <span id="login_no">
                    <a id="lgrt" class=" login-hide login-hide-r" target="_blank">注册</a>
                    <a id="lggt" class="login-hide login-hide-g" target="_blank">登录</a>
                </span>
                <div id="login_yes" class="dropdown login-show header-user-box" style="display: none">
                    <a class="" data-toggle="dropdown" id="dropdownUser">
                        <div class="myNotice">
                            <div class="img-box "><img src="https://www.json.cn/"></div>
                        </div>

                        <p><span class="user-name"></span><span class="caret"></span></p>
                    </a>
                    <ul class="dropdown-menu login-down-pull" role="menu" aria-labelledby="dropdownUser">
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1" href="https://www.json.cn/index.php?s=member">个人中心</a>
                        </li>
                        <li role="presentation">
                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/index.php?s=member&amp;app=blog&amp;c=home&amp;m=add">发布博客</a>
                        </li>
                        <li role="presentation">

                            <a role="menuitem" tabindex="-1"
                                href="https://www.json.cn/index.php?s=member&amp;c=funs&amp;m=mynotice"
                                class=" myNotice">我的消息</a>

                        </li>
                        <li role="presentation">
                            <a role="menuitem" onclick="dr_loginout()" tabindex="-1">退出</a>
                        </li>
                    </ul>
                </div>
            </div>

            <br style="clear:both;">
        </div>
    </header>



    <div class="container">
        <ul class="nav nav-tabs tab-after custom-tab custom-tab-two">
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/jsononline.html" data-recent="yes">
                    JSON在线解析 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/jsonzip.html" data-recent="yes">
                    JSON压缩转义 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/jshx.html" data-recent="yes">
                    JS混淆加密 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/json2java.html" data-recent="yes">
                    JSON生成JAVA实体 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/json2csharp.html" data-recent="yes">
                    JSON生成C#实体 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/sql2json.html" data-recent="yes">
                    sql转json </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/sql2java.html" data-recent="yes">
                    sql转实体 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/hump2under.html" data-recent="yes">
                    驼峰下划线互转 </a>
            </li>
            <li class=" ">
                <a class="cursor-pointer" href="https://www.json.cn/json/jsoncompare.html" data-recent="yes">
                    代码对比 </a>
            </li>
            <li class="dropdown" style="display: none" id="dropdown130" data-target="#dropdown130">
                <a class="dropdown-toggle clear-after" data-toggle="dropdown">更多 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                </ul>
            </li>
        </ul>

    </div>


    <!--用于插入多个消息框的节点-->
    <div id="messageAlert"></div>

    <main class="row-fluid editor-con"
        style="font-family: menlo, monospace, Tahoma, 微软雅黑, 幼圆 !important; position: relative;">
        <div class="col-md-5 col-xs-5" style="padding: 0px; height: 100%; position: relative; z-index: 10;">
            <div class="numberedtextarea-wrapper "><textarea id="json-src" placeholder="在此输入json字符串或XML字符串..."
                    class="form-control common-font-size" style="height:100%;padding:10px 10px 10px 30px;border:0;border-radius:0;resize: none;
                  outline:none;border: 1px solid #eee"></textarea>
                <div class="numberedtextarea-line-numbers"
                    style="padding-top: 10px; line-height: 25.1863px; font-family: menlo, monospace, Tahoma, 微软雅黑, 幼圆; width: 30px;">
                    <div class="numberedtextarea-number numberedtextarea-number-1">1</div>
                    <div class="numberedtextarea-number numberedtextarea-number-2" style="margin-bottom: 10px;">2</div>
                </div>
            </div>
        </div>
        <div id="dragEle" style="position: absolute; cursor: move;"></div>
        <div class="col-md-7 col-xs-7" style="padding: 0px; position: relative; height: 100%;">
            <div class="tool" style="position:absolute;border-top: 1px solid #eee;border-right: 1px solid #eee">
                <a href="https://www.json.cn/#" class="tip zip" title="" data-placement="bottom"
                    data-original-title="压缩" style="color:#999;"><i class="fa fa-database"></i></a>
                <a href="https://www.json.cn/#" class="tip xml" title="" data-placement="bottom"
                    data-original-title="转XML" style="color:#999;"><i class="fa fa-file-excel-o"></i></a>
                <a href="https://www.json.cn/#" class="tip shown" title="" data-placement="bottom"
                    data-original-title="显示行号"><i class="fa fa-sort-amount-asc"></i></a>
                <a href="https://www.json.cn/#" class="tip clear" title="" data-placement="bottom"
                    data-original-title="清空"><i class="fa fa-trash"></i></a>
                <a href="https://www.json.cn/#" class="tip save" title="" data-placement="bottom"
                    data-original-title="保存"><i class="fa fa-download"></i></a>
                <a href="https://www.json.cn/#" class="tip copy" title="" data-clipboard-target="#json-target"
                    data-placement="bottom" data-original-title="复制"><i class="fa fa-copy"></i></a>
                <a href="https://www.json.cn/#" class="tip compress" title="" data-placement="bottom"
                    data-original-title="折叠"><i class="fa fa-compress"></i></a>
                <a href="https://www.json.cn/#" class="tip share" title="" data-placement="bottom"
                    data-original-title="分享"><i class="fa fa-share-alt-square"></i></a>
                <a href="https://www.json.cn/#" class="tip fullScreen" title="" data-placement="bottom"
                    data-original-title="全屏"><i class="fa fa-arrows-alt"></i></a>
                <label style="cursor: pointer">
                    <input type="checkbox" checked="checked" name="cancelZY" id="cancelZY"
                        style="margin-top: 0;position: relative;top: 2px">
                    保留转义
                </label>
                <ul style="margin: 0 0 0 0;display: inline-block;vertical-align: middle;list-style: none;">
                    <li>
                        <a href="https://www.json.cn/618.php" class="tip" title="" data-placement="bottom"
                            target="_blank" rel="nofollow" data-original-title="阿里云618年中大促销">
                            <font color="red"><b>阿里云618年中大促销</b></font>
                        </a>
                        <a href="https://www.json.cn/tencent.php" class="tip" title="" data-placement="bottom"
                            target="_blank" rel="nofollow" data-original-title="腾讯云采购节">
                            <font color="blue"><b>腾讯云采购节</b></font>
                        </a>
                        <a href="https://www.json.cn/henghost.php" class="tip" title="" data-placement="bottom"
                            target="_blank" rel="nofollow" data-original-title="海外服务器低至26元/月">
                            <font color="red"><b>海外服务器低至26元/月</b></font>
                        </a>
                        <a href="https://www.json.cn/hklianhe.php" class="tip" title="" data-placement="bottom"
                            target="_blank" rel="nofollow" data-original-title="华纳云_CN2香港服务器18元/月">
                            <font color="blue"><b>华纳云_CN2香港服务器18元/月</b></font>
                        </a>

                        <!--
          <a href="/bejsonyun.php" class="tip" title="比杰森云59.9元/月" data-placement="bottom" target="_blank" rel="nofollow" data-original-title="比杰森云59.9元/月"><font color="blue"><b>比杰森云</b></font></a>
-->
                        <!-- 
          <a href="/kuaikuai.php" class="tip" title="华为云采购季" data-placement="bottom" target="_blank" rel="nofollow" data-original-title="华为云采购季"><font color="blue"><b>华为云采购季</b></font></a>
   -->

                    </li>
                </ul>
                <a href="https://www.json.cn/json/jsononline.html" class="old-version"
                    style="display: none"><span>旧版</span></a>
                <div class="tip-mask"></div>
            </div>
            <div style="position: absolute;top: 0;left: 0;background: #fff;height: 60px; width: 100%;z-index: 0;"></div>
            <div id="right-box" class="common-font-size bg-color-ff"
                style="width:100%;height:calc(100% - 60px);border:solid 1px #eee;border-radius:0;resize: none;overflow-y:scroll; outline:none;position:relative;top:60px;">
                <p class="editor-tip">可点击key和value值进行编辑</p>
                <div id="hidden-message-box" class="alert alert-danger alert-dismissible" role="alert"
                    style="display:none;margin-bottom:0;padding:10px 2vw;font-size: calc(var(--target) + 4px);">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">×</span>
                    </button>
                    <p><i class="fa fa-bell" aria-hidden="true"></i>
                        提示：
                        <span id="hidden-message">
                            默认警告
                        </span>

                    </p>
                </div>
                <div id="line-num"
                    style="background-color:#fafafa;padding:0px 8px;float:left;border-right:dashed 1px #E5EBEE;display:none;color:#999;position:absolute;text-align:center;over-flow:hidden;">
                </div>
                <div class="ro" id="json-target" style="padding:0px 32px;white-space: pre-line;word-wrap:break-word;">
                    <span data-type="object"><i style="cursor:pointer;" class="fa fa-minus-square-o"
                            onclick="hide(this)"></i>{<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="json_key"
                            contenteditable="true">"sample"</span>:<span class="json_string"
                            contenteditable="true">"json"</span>,<br>&nbsp;&nbsp;&nbsp;&nbsp;<span class="json_key"
                            contenteditable="true">"sdsd"</span>:<span class="json_string"
                            contenteditable="true">"sd"</span><br>}</span>
                </div>
            </div>
        </div>
        <br style="clear:both;">
    </main>
    <script data-ad-client="ca-pub-0888257628527075" async="" src="./static/f.txt"></script>
    <footer class="relative b-large-margin">
        <div class="container">
            <div class="footer-gg-b">
                <div class="footer-gg-b-addr">
                    <div class="footer-gg-b-addr-img">
                        <script async="" src="./static/f.txt"></script>
                        <!-- json底部 -->
                        <ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px"
                            data-ad-client="ca-pub-0888257628527075" data-ad-slot="6525978731"></ins>
                        <script>
                                (adsbygoogle = window.adsbygoogle || []).push({});
                        </script>
                    </div>
                </div>
                <div class="footer-nav-list width-out">
                    <div class="title">友情链接：</div>
                    <dd>
                        <a href="http://www.json.cn/" target="_blank">JSON在线解析</a>
                    </dd>
                    <dd>
                        <a href="http://www.json.cn/runcode/run_c740/" target="_blank">编译工具</a>
                    </dd>
                    <dd>
                        <a href="http://www.json.cn/jiaocheng/python3/" target="_blank">新手教程</a>
                    </dd>
                    <dd>
                        <a href="http://www.json.cn/blog/" target="_blank">博客</a>
                    </dd>
                    <dd>
                        <a href="http://www.json.cn/ceping/vpsceping/" target="_blank">主机评测</a>
                    </dd>
                    <dd>
                        <a href="https://www.meishuzi.cn/" target="_blank">在线ps 美术字</a>
                    </dd>
                    <dd>
                        <a href="https://www.wenku365.com/" target="_blank">天天文库</a>
                    </dd>
                </div>
                <div class="footer-gg-b-style">
                    <div class="footer-gg-b-link">
                        <a href="http://www.json.cn/privacy.html">隐私保护</a>
                        <a href="http://www.json.cn/right.html">权利保护</a>
                        <a href="http://www.json.cn/contact.html" class="footer-gg-b-email">联系我们</a>
                        <a href="http://www.json.cn/feedback.html" class="footer-gg-b-feedback">问题反馈</a>
                    </div>
                    <p class="footer-gg-b-copy"><a href="https://beian.miit.gov.cn/"
                            target="_blank">闽ICP备16038489号-5</a> ©2014 - 2021 JSON.CN ALL RIGHT RESERVED</p>
                </div>
            </div>
        </div>
        <script>
            var _hmt = _hmt || [];
            (function () {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?1d6c34c1bc067f5746a5fca18d1c24ab";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
    </footer>

    <div class="xf-window">
        <div class="xf-wxewm" id="showQrcode">
            <i class="fa fa-qrcode icon icon-qrcode "></i>
            <div class="xf-qrcode" id="wxQrcode">
                <p>用微信扫一扫</p>
                <img src="./static/gzh_wechat.jpg" width="150">
            </div>
        </div>

        <a class="fa fa-star xf-collection">
            收藏
        </a>
        <div class="fa fa-qq xf-share " id="showQqlist">
            <div class="xf-qrcode xf-qq-link " id="qqWindow" style="display: none">
                <p class="xf-qq-link-tit">JSON交流群</p>
                <p><span>QQ群：</span>661275469</p>
                <a target="_blank" href="https://jq.qq.com/?_wv=1027&amp;k=q5NOQu4K">点击加入群</a>
                <p><span>QQ客服：</span>2340592 </p>
                <p>(工作日: 9:00-18:00)</p>
                <a target="_blank"
                    href="https://wpa.qq.com/msgrd?v=3&amp;uin=2340592&amp;site=qq&amp;menu=yes">点击联系客服</a>
            </div>
        </div>
        <a href="https://www.json.cn/feedback.html" class="fa fa-pencil xf-myfeed" target="_blank" id="feedBack">

        </a>
        <div class="xf-totop" id="goTop">
            <i class="fa fa-caret-up icon icon-caret-up"></i>
        </div>

    </div>

    <script src="./static/lang.js"></script>
    <script>

        var timerLogin;

        var regTc, logTc, findTc;

        var notify_url;

        regTc = function () {
            layer.open({
                type: 1,
                closeBtn: false,
                title: false,
                shade: true,
                shadeClose: true,
                scrollbar: true,
                area: ['750px', '480px'],
                // area: '750px',
                content: `

                 <div class="login-reg-box-wrapper tc-cover">

                <div class="fc-register portlet-title tabbable-line">
                     <a class="return-to-log left-icon-self" id="regToLog">
                    返回登录</a>
                     注册用户
                </div>
                <div class="portlet light">

            <div class="portlet-body">
            <form action="" class="form-horizontal form myRegForm" method="post" name="myregform" id="myform">
            <input name="is_form" type="hidden" value="1">
            <input name="is_admin" type="hidden" value="0">
            <input name="is_tips" type="hidden" value="">
            <input name="csrf_test_name" type="hidden" value="6c3cec23237c6cf063228b64a78a6760">
            <input name="back" id="dr_back" type="hidden" value="//www.json.cn/">
            <div class="form-body" style="padding-bottom:0">

            <div class="form-group " id="dr_row_phone">
            <label class="col-md-2 control-label">手机号</label>
            <div class="col-md-9">
            <input type="text" class="form-control input-large" placeholder="请输入手机号" name="data[phone]" id="dr_phone">
            </div>
            </div>
            <div class="form-group " id="dr_row_password">
            <label class="col-md-2 control-label">密码</label>
            <div class="col-md-9">
            <input type="password" class="form-control input-large" name="data[password]" placeholder="数字+字母不少于8位" id="dr_password">
            </div>
            </div>
            <div class="form-group " id="dr_row_password2">
            <label class="col-md-2 control-label">确认密码</label>
            <div class="col-md-9">
            <input type="password" class="form-control input-large" name="data[password2]" placeholder="再次输入密码" id="dr_password2">
            </div>
            </div>
            <div class="form-group" id="dr_row_code">
            <label class="col-md-2 control-label">验证码</label>
            <div class="col-md-9 input-ver-code" style="padding-left: 10px;padding-right: 0;">
            <input class="form-control placeholder-no-fix input-ver" type="text" autocomplete="off" id="dr_code" name="code" placeholder="验证码">
            <div class="input-group-btn fc-code">
            <img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&c=api&m=captcha&width=120&height=35&'+Math.random();"
            src="/index.php?s=api&c=api&m=captcha&width=120&height=35">
            </div>
            </div>
            </div>
            <div class="form-group" id="dr_row_sms">
            <label class="col-md-2 sms-ver-tit control-label">短信验证</label>
            <div class="sms-ver-show col-md-9" style="padding-left: 10px;padding-right: 0;">
            <input class="form-control placeholder-no-fix sms-veri" onkeydown="regLogFindSubmit(this)" type="text" autocomplete="off" id="dr_sms" name="sms" placeholder="手机验证码">
            <button id="activeCode" class="empty-btn reg-btn reg-active-code-box" onclick="dr_ajax_url_login('/index.php?s=member&c=api&m=register_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())"
            type="button">获取手机验证码
            </button>

            </div>
            </div>
            <div class="reg-agree ">
            <label class="mt-checkbox mt-checkbox-outline">
            <input type="checkbox" name="is_protocol" id="dr_protocol" value="1" checked=""> 我已阅读并同意
            <span></span>
            </label>
            <label class="mt-checkbox-more">
            <a href="javascript:dr_show_protocol();">《用户注册协议》</a>
            </label>
            </div>
            <div class="form-actions">
            <label class="member-reg-btn-label">
            <button type="button" id="regInBtn" class="btn red" onclick="dr_ajax_member_reg('/index.php?s=member&c=register&m=index','myform')"> 立即注册

            </button>
            </label>
            </div>
            </div>
            </form>

            </div>
            </div>
            </div>
            `
            })
        }
        logTc = function () {
            layer.open({
                type: 1,
                closeBtn: false,
                title: false,
                shade: true,
                shadeClose: true,
                scrollbar: true,
                // area: ['750px', '480px'],
                end: function () {
                    if (timerLogin) {
                        clearInterval(timerLogin)
                    }
                },
                area: '750px',
                content: `
                        <div class="login-log-box-wrapper account-login-method portlet-wrapper">
    <div class="portlet light">
        <div class="portlet-body ">
            <div class="row">
                <div class="col-img-wrapper">
                    <img src="//www.json.cn/static/assets/oauth/login-main.png" alt="">
                </div>
                <div class="col-info-wrapper">
                    <div class="login-chose-tit">
                        <div class="login-title active">微信登录</div>
                        <div class="login-title">账号登录</div>
                    </div>

                    <div id="loginStepTwo" class="col-md-4 " >
                        <div class="login-by-code">
                            <div class="login-by-code-img">
                               <div class="login-by-code-img">
                                <img id="wcQrCodeImg" src="" alt="">

                                    <div class="login-by-code-img-noshow">
                                        <p>二维码失效</p>
                                        <p>请点击刷新</p>
                                        <a id="reloadQrcode" onclick="refreshQrcode()" >刷新二维码</a>
                                    </div>
                                </div>
                            </div>
                             <a class="refresh-qrcode" onclick="refreshQrcode()">点击刷新</a>
                            <p class="">请使用微信扫描二维码登录注册</p>
                        </div>
                    </div>
                    <div id="loginStepOne" class="col-md-4 display-none">
                        <form class="content" id="myform" name="mylogform" method="post" novalidate="novalidate">


                            <input name="is_form" type="hidden" value="1">
<input name="is_admin" type="hidden" value="0">
<input name="is_tips" type="hidden" value="">
<input name="csrf_test_name" type="hidden" value="e61cf3d516c228e64a9afb533342635f">
<input name="back" id="dr_back" type="hidden" value="/index.php?s=member">
                            <div class="form-group" style="margin-top: 20px;">
                                <div class="input-icon">
                                     <input class="form-control placeholder-no-fix login-tel" type="text" autocomplete="off" id="logUsername" placeholder="请输入用户名\\手机号" name="data[username]">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-icon">
                                     <input class="form-control placeholder-no-fix login-pw" type="password" autocomplete="off" id="logPassword" placeholder="请输入密码" name="data[password]">
                                </div>
                            </div>

                                                        <div class="form-group">
                                <div class="input-group " style="width: 100%">
                                    <div class="input-icon" style="width:calc(100% - 15px)">
                                         <input onkeydown="regLogFindSubmit(this)" class="form-control placeholder-no-fix veri-code" type="text" autocomplete="off" id="logCode" placeholder="请输入验证码" name="code">
                                    </div>
                                    <div class="input-group-btn fc-code" style="width: 120px;border: 1px solid #ddd">
                                        <img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">                                    </div>
                                </div>
                            </div>
                                         <div class="create-account create-account-one" style="margin: 0;display: flex;justify-content: space-between">
                                <p>
                                    <a  class="reg-account"> 注册账号 </a>
                                    <a class="find-password-btn" id="findPw"> 找回密码 </a>
                                </p>
                            </div>
                            <div class="login-commit">
                                 <button type="button" name="logbtn"  onclick="dr_ajax_member_login('//www.json.cn/index.php?s=member&amp;c=login&amp;m=index&amp;back=%252Findex.php%253Fs%253Dmember', 'myform');" class="btn full-btn submit">
                                    登录
                                </button>
                            </div>

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
                       `
            })
        }
        findTc = function () {
            layer.open({
                type: 1,
                closeBtn: false,
                title: false,
                shade: true,
                shadeClose: true,
                scrollbar: true,
                // area:['750px','auto'],
                area: ['750px', '480px'],
                content: `
                         <div class="portlet-wrapper">
    <div class="portlet light find-pw-cla">
        <div class="portlet-body ">
            <div class="row">
                <div class="find-pw-tit">
                     <a class="find-to-log left-icon-self" id="returnToLogin">返回登录</a>
                    找回密码
</div>
                <div class="portlet-body form" style="">
                    <form id="myform" name="myfindform" class="form-horizontal" role="form">
                        <input name="is_form" type="hidden" value="1">
<input name="is_admin" type="hidden" value="0">
<input name="is_tips" type="hidden" value="">
<input name="csrf_test_name" type="hidden" value="623f272b236490d99c136438587e15a2">
                        <div class="form-body">
                            <div class="form-group" id="dr_row_value">
                                <label class="col-md-4 control-label">手机号</label>
                                <div class="col-md-5">
                                    <label><input type="text" class="form-control input-large" id="dr_value" name="data[value]" placeholder="输入手机号"></label>
                                </div>
                            </div>
                            <div class="form-group" id="dr_row_password">
                                <label class="col-md-4 control-label">新密码</label>
                                <div class="col-md-5">
                                    <label><input type="password" class="form-control input-large" id="dr_password_find" name="data[password]" placeholder="输入新的密码"></label>
                                </div>
                            </div>
                            <div class="form-group" id="dr_row_password2">
                                <label class="col-md-4 control-label">确认密码</label>
                                <div class="col-md-5">
                                    <label><input type="password" class="form-control input-large" id="dr_password_find2" name="data[password2]" placeholder="再次输入新的密码"></label>
                                </div>
                            </div>
                            <div class="form-group" id="dr_row_code">
                                <label class="col-md-4 control-label">图片验证码</label>
                                <div class="col-md-5">
                                    <div class="input-group input-large">
                                        <input class="form-control placeholder-no-fix  find-veri-code" type="text" autocomplete="off" id="dr_code_find" placeholder="图片验证码">
                                        <div class="input-group-btn fc-code">
                                            <img align="absmiddle" style="cursor:pointer;" onclick="this.src='/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35&amp;'+Math.random();" src="/index.php?s=api&amp;c=api&amp;m=captcha&amp;width=120&amp;height=35">                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">获得验证码</label>
                                <div class="col-md-5">
                                    <div class="input-group input-large">
                                        <input type="text" id="findCode"  onkeydown="regLogFindSubmit(this)" name="data[code]" class="form-control find-code" placeholder="验证码">
                                        <span class="input-group-btn find-pw-code">
                                            <button id="activeCode" class="btn green " type="button" onclick="dr_ajax_url_find('//www.json.cn/index.php?s=member&amp;c=api&amp;m=find_code&amp;code='+$('#dr_code_find').val()+'&amp;value='+$('#dr_value').val())">发送验证码</button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions ">
<!--                                <label class="col-md-4 control-label"></label>-->
                                <div class="col-md-5 find-Subveri-box">
                                    <button id="findSubveri" type="button" onclick="dr_ajax_submit_find('//www.json.cn/index.php?s=member&amp;c=login&amp;m=find', 'myform', '2000', '//www.json.cn/index.php?s=member&amp;c=login&amp;m=index')" class="btn blue subveri find-subveri"> 提交验证
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
                       `
            })
        }

        window.onload = function () {


            /*reg*/
            $('body').on('click', '#lgrt', function () {
                regTc()
            })

            /*login*/
            $('body').on('click', '#lggt', function () {
                logTc();
                $('#reloadQrcode').click();
                timerLogin = setInterval('dr_wx_notify()', 1000);
            })

            /*find password*/
            $('body').on('click', '.find-password-btn', function () {
                layer.closeAll();
                findTc()
            })

            $('body').on('click', '.reg-account', function () {
                layer.closeAll();
                regTc()
            })

            $('body').on('click', '.login-title', function () {
                if (timerLogin) {
                    clearInterval(timerLogin);
                }
                $('.login-title').removeClass('active');
                $(this).addClass('active');
                $('.col-md-4').hide();
                $('.col-md-4').eq($(this).index()).show()

                if ($('#loginStepTwo').is(':visible')) {
                    timerLogin = setInterval('dr_wx_notify()', 1000);
                } else {
                    clearInterval(timerLogin);
                }
            })


            $('body').on('click', '#returnToLogin', function () {
                layer.closeAll();
                logTc()
                $('#loginStepTwo').addClass('display-none')
                $('#loginStepOne ').removeClass('display-none')
                $('.login-title').removeClass('active')
                $('.login-title').eq(1).addClass('active')

            })

            $('body').on('click', '#regToLog', function () {
                layer.closeAll();
                logTc()
                $('#loginStepTwo').addClass('display-none')
                $('#loginStepOne ').removeClass('display-none')
                $('.login-title').removeClass('active')
                $('.login-title').eq(1).addClass('active')
            })
        }

        function regLogFindSubmit(iv) {
            if (event.keyCode == 13) {
                if ($(".veri-code") && true == $(".veri-code").is(":focus")) {
                    document.mylogform.logbtn.click();
                    return;
                }

                if ($('input[name="data[code]"]') && true == $('input[name="data[code]"]').is(":focus")) {
                    $('#findSubveri').click();
                    return;
                }

                if ($(".sms-veri") && $(".sms-veri").is(":focus") == true) {
                    $('#regInBtn').click();
                    return;
                }
            }
        }

        function dr_ajax_member_reg(url, form) {
            // var url = window.location.href || url;
            var reg = /^(?![^a-zA-Z]+$)(?!\\D+$)[a-zA-Z0-9]{8,}$/;
            if (!$('#myform #dr_phone').val()) {
                layer.msg('手机号不能为空');
                return;
            }
            if (!$('#myform #dr_password').val()) {
                layer.msg('密码不能为空');
                return;
            }
            if ($('#myform #dr_password').val().search(reg) === -1) {
                layer.msg('密码数字+字母不少于8位');
                return;
            }
            if (!$('#myform #dr_password2').val()) {
                layer.msg('确认密码不能为空');
                return;
            }
            if ($('#myform #dr_password2').val() !== $('#myform #dr_password').val()) {
                layer.msg('密码和确认密码不一致');
                return;
            }
            if (!$('#dr_code').val()) {
                layer.msg('验证码不能为空');
                return;
            }
            if (!$('#dr_sms').val()) {
                layer.msg('短信验证码不能为空');
                return;
            }
            var flen = $('[id=' + form + ']').length;
            // 验证id是否存在
            if (flen == 0) {
                dr_cmf_tips(0, lang['unformid'] + ' (' + form + ')');
                return;
            }
            // 验证重复
            if (flen > 1) {
                dr_cmf_tips(0, lang['repeatformid'] + ' (' + form + ')');
                return;
            }

            var loading = layer.load(1, {
                shade: [0.9, '#000000'], //0.1透明度的白色背景
                time: 100000000
            });

            $("#" + form + ' .form-group').removeClass('has-error');

            var regData = {
                'data[phone]': $('#dr_phone').val(),
                'data[password]': $('#dr_password').val(),
                'data[password2]': $('#dr_password2').val(),
                'code': $('#dr_code').val(),
                'sms': $('#dr_sms').val(),
                'is_protocol': $('#dr_protocol').val(),
                'csrf_test_name': "2d4beb107d106141f520d5721cba1d52",
            };
            $.ajax({
                type: "POST",
                dataType: "json",
                url: url,
                data: regData,
                success: function (json) {
                    layer.close(loading);
                    if (json.code == 1) {
                        layer.closeAll();
                        layer.msg('注册成功');
                        loginCookie(json.data.member.avatar, json.data.member.name ? json.data.member.name : json.data.member.phone);
                    } else {
                        dr_cmf_tips(0, json.msg, json.data.time);
                        $('.fc-code img').click();
                        if (json.data.field) {
                            $('#dr_row_' + json.data.field).addClass('has-error');
                            $('#dr_' + json.data.field).focus();
                        }
                    }
                },
                error: function (HttpRequest, ajaxOptions, thrownError) {
                    dr_ajax_alert_error(HttpRequest, ajaxOptions, thrownError);
                }
            });
        }

        // 注册阅读网站协议
        function dr_show_protocol() {
            layer.open({
                type: 2,
                title: lang['protocol'],
                shadeClose: true,
                area: ['70%', '70%'],
                content: '/index.php?s=member&c=api&m=protocol'
            });
        }


        function dr_wx_notify() {
            if (notify_url) {
                $.ajax({
                    type: "post",
                    url: notify_url,
                    dataType: "json",
                    success: function (json) {
                        if (json.code == 1) {
                            console.log(4)
                            loginCookie(json.data.avatar, json.data.username ? json.data.username : json.data.nickname);
                            var oss_url = json.data.sso;
                            // 发送同步登录信息
                            for (var i in oss_url) {
                                $.ajax({
                                    type: "GET",
                                    url: oss_url[i],
                                    dataType: "jsonp",
                                    success: function (json) {
                                    },
                                    error: function () {
                                    }
                                });
                            }
                            if (json.data.url) {
                                setTimeout("window.location.href = '" + json.data.url + "'", 1000);
                                // window.location.reload();
                            } else {
                                setTimeout("window.location.href ='/index.php?s=member'", 1000);
                            }
                        }
                    },
                    error: function () {
                    }
                });
            }

        }

        function dr_ajax_member_login(url, form) {

            if (!$('.login-tel').val()) {
                layer.msg('手机号/密码不能为空');
                return;
            }
            if (!$('.login-pw').val()) {
                layer.msg('密码不能为空');
                return;
            }
            if (!$('.veri-code').val()) {
                layer.msg('验证码不能为空');
                return;
            }

            var flen = $('[id=' + form + ']').length;
            // 验证id是否存在
            if (flen == 0) {
                dr_cmf_tips(0, lang['unformid'] + ' (' + form + ')');
                return;
            }
            // 验证重复
            if (flen > 1) {
                dr_cmf_tips(0, lang['repeatformid'] + ' (' + form + ')');
                return;
            }

            var loading = layer.load(1, {
                shade: [0.9, '#000000'], //0.1透明度的白色背景
                time: 100000000
            });


            $("#" + form + ' .form-group').removeClass('has-error');

            var logData = {
                'data[username]': $('#logUsername').val(),
                'data[password]': $('#logPassword').val(),
                'code': $('#logCode').val(),
                'csrf_test_name': "2d4beb107d106141f520d5721cba1d52",
            };


            $.ajax({
                type: "POST",
                dataType: "json",
                url: url,
                // data: $("#"+form).serialize(),
                data: logData,
                success: function (json) {
                    layer.close(loading);
                    if (json.code == 1) {
                        var oss_url = json.data.sso;
                        // 发送同步登录信息
                        for (var i = 0; i < oss_url.length; i++) {
                            //alert(oss_url[i]);
                            $.ajax({
                                type: "GET",
                                url: oss_url[i],
                                dataType: "jsonp",
                                success: function (json) {
                                },
                                error: function (HttpRequest, ajaxOptions, thrownError) {
                                }
                            });
                        }
                        layer.closeAll();
                        layer.msg('登录成功');
                        loginCookie(json.data.member.avatar, json.data.member.name ? json.data.member.name : json.data.member.phone)
                    } else {
                        dr_cmf_tips(0, json.msg, json.data.time);
                        $('.fc-code img').click();
                        if (json.data.field) {
                            $('#dr_row_' + json.data.field).addClass('has-error');
                            $('#dr_' + json.data.field).focus();
                        }
                    }
                },
                error: function (HttpRequest, ajaxOptions, thrownError) {

                    /*出现系统错误，可能是已登录，判断是否已登录 */
                    $.post('/index.php?s=api&app=blog&c=tran&m=get_user_status', {}, function (data) {
                        if (data.code == 1) {
                            var avatar = data.avatar ? data.avatar : '/static/img/avatar.png';
                            var username = data.username ? data.username : '用户名';
                            $.cookie('json-login-status', '1', { expires: 1, path: '/' });
                            $.cookie('json-login-avatar', avatar, { expires: 1, path: '/' }); //exprires 过期时间 path ;域名路径下都可获取
                            $.cookie('json-login-username', username, { expires: 1, path: '/' });
                            $('#login_no').hide();
                            $('#login_yes').show().find('.img-box').find('img').attr('src', avatar);
                            $('#login_yes').show().find('.user-name').text(username);
                            layer.closeAll();
                            return false;
                        } else {
                            $.cookie('json-login-status', null, { path: '/' });
                            $.cookie('json-login-avatar', null, { path: '/' });
                            $.cookie('json-login-username', null, { path: '/' });
                            layer.msg('错误');
                        }
                    }, 'json');

                    // dr_ajax_alert_error(HttpRequest, ajaxOptions, thrownError)
                }
            });
        }

        function dr_ajax_url_find(url) {
            var index = layer.load(2, {
                shade: [0.5, '#fff'], //0.1透明度的白色背景
                time: 100000000
            });

            var pass = checkPwRule('#dr_password_find');

            if (!pass) {
                layer.msg('数字+字母不少于8位');
                layer.close(index);
                return;
            }
            var pass2 = $('#dr_password_find').val() == $('#dr_password_find2').val();
            if (!pass2) {
                layer.msg('再次输入密码不一致')
                layer.close(index);
                return;
            }


            if (pass && pass2) {
                $.ajax({
                    type: "GET",
                    url: url,
                    dataType: "json",
                    success: function (json) {
                        layer.close(index);
                        if (json.code == 0) {
                            $('.fc-code img').click();
                            if (json.data.field) {
                                $('#dr_row_' + json.data.field).addClass('has-error');
                                $('#dr_' + json.data.field).focus();
                            }
                        } else {
                            sendActiveCode('#activeCode');
                            $('input[name="data[code]"]').focus();
                        }
                        dr_cmf_tips(json.code, json.msg);
                        if (json.data.url) {
                            setTimeout("window.location.href = '" + json.data.url + "'", 2000);
                        }
                    },
                    error: function (HttpRequest, ajaxOptions, thrownError) {
                        dr_ajax_alert_error(HttpRequest, ajaxOptions, thrownError)
                    }
                });
            }

        }

        function dr_ajax_submit_find(url, form, time, go) {
            var reg = /^(?![^a-zA-Z]+$)(?!\\D+$)[a-zA-Z0-9]{8,}$/;
            if (!$('#dr_value').val()) {
                layer.msg('手机号不能为空');
                return;
            }
            if (!$('#dr_password_find').val()) {
                layer.msg('密码不能为空');
                return;
            }
            if ($('#dr_password_find').val().search(reg) === -1) {
                layer.msg('密码为数字+字母且不少于8位');
                return;
            }
            if (!$('#dr_password_find2').val()) {
                layer.msg('确认密码不能为空');
                return;
            }
            if ($('#dr_password_find').val() !== $('#dr_password_find2').val()) {
                layer.msg('密码不一致');
                return;
            }

            if (!$('#dr_code_find').val()) {
                layer.msg('图文验证码不能为空');
                return;
            }
            if (!$('input[name="data[code]"]').val()) {
                layer.msg('手机验证码不能为空');
                return;
            }

            var flen = $('[id=' + form + ']').length;
            // 验证id是否存在
            if (flen == 0) {
                dr_cmf_tips(0, lang['unformid'] + ' (' + form + ')');
                return;
            }
            // 验证重复
            if (flen > 1) {
                dr_cmf_tips(0, lang['repeatformid'] + ' (' + form + ')');
                return;
            }

            // 验证必填项管理员
            var tips_obj = $('#' + form).find('[name=is_tips]');
            if (tips_obj.val() == 'required') {
                tips_obj.val('');
            }
            if ($('#' + form).find('[name=is_admin]').val() == 1) {
                $('#' + form).find('.dr_required').each(function () {
                    if (!$(this).val()) {
                        tips_obj.val('required');
                    }
                });
            }

            var tips = tips_obj.val();
            if (tips) {
                if (tips == 'required') {
                    tips = '有必填字段未填写，确认提交吗？';
                }
                layer.confirm(
                    tips,
                    {
                        icon: 3,
                        shade: 0,
                        title: lang['ts'],
                        btn: [lang['ok'], lang['esc']]
                    }, function (index) {
                        dr_post_submit_log(url, form, time, go);
                    });
            } else {
                dr_post_submit_log(url, form, time, go);
            }
        }

        function dr_post_submit_log(url, form, time, go) {

            url = url.replace(/&page=\d+&page/g, '&page');

            var loading = layer.load(1, {
                shade: [0.9, '#000000'], //0.1透明度的白色背景
                time: 100000000
            });

            $("#" + form + ' .form-group').removeClass('has-error');

            $('.dr_ueditor').each(function () {
                var uev = $(this).attr('id');
                if (UE.getEditor(uev).queryCommandState('source') != 0) {
                    UE.getEditor(uev).execCommand('source');
                }
            });

            var findData = {
                'data[value]': $('#dr_value').val(),
                'data[password]': $('#dr_password_find').val(),
                'data[password2]': $('#dr_password_find2').val(),
                'data[code]': $('#findCode').val(),
                'csrf_test_name': "2d4beb107d106141f520d5721cba1d52",
            };
            $.ajax({
                type: "POST",
                dataType: "json",
                url: url,
                data: findData,
                success: function (json) {
                    layer.close(loading);
                    if (json.code) {
                        dr_cmf_tips(1, json.msg, json.data.time);
                        if (json.data.htmlfile) {
                            // 执行生成htmljs
                            $.ajax({
                                type: "GET",
                                url: json.data.htmlfile,
                                dataType: "jsonp",
                                success: function (json) {
                                },
                                error: function () {
                                }
                            });
                        }
                        if (json.data.htmllist) {
                            // 执行生成htmljs
                            $.ajax({
                                type: "GET",
                                url: json.data.htmllist,
                                dataType: "jsonp",
                                success: function (json) {
                                },
                                error: function () {
                                }
                            });
                        }
                        if (time) {
                            // var gourl = url;
                            // if (go != '' && go != undefined && go != 'undefined') {
                            //     gourl = go;
                            // } else if (json.data.url) {
                            //     gourl = json.data.url;
                            // }
                            // setTimeout("window.location.href = '" + gourl + "'", time);

                            layer.closeAll();
                            logTc()
                            $('#loginStepTwo').addClass('display-none');
                            $('#loginStepOne ').removeClass('display-none');
                            $('.login-title').removeClass('active');
                            $('.login-title').eq(1).addClass('active');
                            layer.msg('密码修改成功，请重新登录');
                        }
                    } else {
                        dr_cmf_tips(0, json.msg, json.data.time);
                        $('.fc-code img').click();
                        if (json.data.field) {
                            $('#dr_row_' + json.data.field).addClass('has-error');
                            $('#dr_' + json.data.field).focus();
                        }
                    }
                },
                error: function (HttpRequest, ajaxOptions, thrownError) {
                    dr_ajax_alert_error(HttpRequest, ajaxOptions, thrownError)
                }
            });
        }


        function refreshQrcode() {
            var loading = layer.load(1, {
                shade: [0.9, '#000000'], //0.1透明度的白色背景
                time: 100000000
            });
            $.ajax({
                type: "POST",
                url: '//www.json.cn/user/get_show_qrcode',
                dataType: "json",
                success: function (json) {
                    layer.close(loading);
                    if (json.code == 1) {
                        if (json.msg == 'success') {
                            // if ($('.login-by-code-img-noshow').is(':visible')){
                            // }
                            $('.login-by-code-img-noshow').hide();
                            $('#wcQrCodeImg').attr('src', json.data.code);
                            notify_url = json.data.notify_url;
                            $('.refresh-qrcode').show();
                        }
                    } else {
                        $('.login-by-code-img-noshow').show();
                        $('.refresh-qrcode').hide();
                    }
                },
                error: function (HttpRequest, ajaxOptions, thrownError) {
                    layer.close(loading);
                    $('.refresh-qrcode').hide();
                    dr_ajax_alert_error(HttpRequest, ajaxOptions, thrownError)
                }
            });
        }
    </script>
    <style>
        .popup-link-info-box {
            position: absolute;
            right: 58px;
            top: 0;
            background-color: #fff;
            -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
            padding: 15px;
            display: none;
        }

        .popup-link-info-box li {
            float: left;
            margin-right: 10px;
            border: 1px solid #eee;
            text-align: center;
            line-height: 50px;
        }

        .popup-link-info-box li p {
            font-size: 14px;
            color: #333;
        }

        .popup-link-info-box li p span {
            font-size: 14px;
            color: #333;
        }

        .popup-link-info-box li .popup-wechat-wrapper {}

        .popup-link-info-box li .popup-wechat-wrapper img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }
    </style>

    <link href="./static/jquery.numberedtextarea.css" rel="stylesheet">

    <script src="./static/jquery.min.js"></script>
    <script src="./static/zui.min.js"></script>
    <script src="./static/jquery.cookie.js"></script>
    <script src="./static/qrcode.min.js"></script>
    <script src="./static/jquery.message.js"></script>
    <div style="clear:both;"></div>
    <div id="jquery-beauty-msg"></div>
    <script src="./static/bignumber.min.js"></script>
    <script src="./static/jquery.json.js"></script>
    <script src="./static/jquery.xml2json.js"></script>
    <script src="./static/jquery.json2xml.js"></script>
    <script src="./static/json2.js"></script>
    <script src="./static/jsonlint.js"></script>
    <script src="./static/clipboard.min.js"></script>
    <script src="./static/FileSaver.min.js"></script>
    <script src="./static/jquery.numberedtextarea.js"></script>
    <script src="./static/drag.js"></script>
    <script src="./static/new-common.js"></script>


    <script type="text/javascript">
        if (window.localStorage.getItem('show-version-tip') && window.localStorage.getItem('show-version-tip') === '1') {
        } else {
            // $('.old-version').addClass('old-version-tip');
            // $('.old-version').attr('data-href', $('.old-version').attr('href'));
            // $('.old-version').attr('href', '');
            // $('.tip-mask').show()
        }
        $('.tip-mask').click(function () {
            $(this).remove();
            $('.old-version-tip').removeClass('old-version-tip');
            $('.old-version').attr('href', $('.old-version').attr('data-href'));
        });
        $('.old-version-tip').click(function () {
            $(this).remove();
            $('.old-version').attr('href', $('.old-version').attr('data-href'));
            $('.tip-mask').removeClass('old-version-tip');
            window.localStorage.setItem('show-version-tip', '1')
        });

        $('textarea').numberedtextarea();
        var current_json = '';
        var current_content = '';
        var current_json_str = '';
        var xml_flag = false;
        var zip_flag = false;
        var shown_flag = false;
        var compress_flag = false;
        $('.tip').tooltip();

        function init() {
            xml_flag = false;
            zip_flag = false;
            shown_flag = false;
            compress_flag = false;
            isXml = false;
            renderLine();
            $('.xml').attr('style', 'color:#999;');
            $('.zip').attr('style', 'color:#999;');

        }

        $('#cancelZY').click(function () {
            init();
            var content = $.trim($('#json-src').val());
            var result = '';
            if (content != '') {
                //如果是xml,那么转换为json
                if (content.substr(0, 1) === '<' && content.substr(-1, 1) === '>') {
                    try {
                        var json_obj = $.xml2json(content);
                        content = JSON.stringify(json_obj);
                    } catch (e) {
                        result = '解析错误：<span style="color: #f1592a;font-weight:bold;">' + e.message + '</span>';
                        current_json_str = result;
                        $('#json-target').html(result);
                        return false;
                    }

                }
                try {
                    var hasZY = $('#cancelZY').prop('checked');
                    if (hasZY) {
                        content = content.replace(/\\/g, '\\\\');
                        content = content.replace(/\\"/g, '\\\\"');
                    }

                    current_json = jsonlint.parse(content);
                    current_json_str = JSON.stringify(current_json);
                    //current_json = JSON.parse(content);
                    current_content = content;
                    result = new JSONFormat(content, 4).toString();
                } catch (e) {
                    result = '<span style="color: #f1592a;font-weight:bold;">' + e + '</span>';
                    current_json_str = result;
                }

                $('#json-target').html(result);
            } else {
                $('#json-target').html('');
            }
        });

        var isXml = false;
        $('#json-src').keyup(function () {
            init();
            var content = $.trim($(this).val());
            var result = '';
            if (content != '') {
                //如果是xml,那么转换为json
                if (content.substr(0, 1) === '<' && content.substr(-1, 1) === '>') {
                    isXml = true;
                    try {
                        var json_obj = $.xml2json(content);
                        content = JSON.stringify(json_obj);
                    } catch (e) {
                        result = '解析错误：<span style="color: #f1592a;font-weight:bold;">' + e.message + '</span>';
                        current_json_str = result;
                        $('#json-target').html(result);
                        return false;
                    }

                }

                try {
                    var hasZY = $('#cancelZY').prop('checked');
                    if (hasZY) {
                        content = content.replace(/\\/g, '\\\\');
                        content = content.replace(/\\"/g, '\\\\"');
                    }

                    current_json = jsonlint.parse(content);
                    current_json_str = JSON.stringify(current_json);

                    //current_json = JSON.parse(content);
                    current_content = content;
                    result = new JSONFormat(content, 4).toString();
                } catch (e) {
                    result = '<span style="color: #f1592a;font-weight:bold;">' + e + '</span>';
                    current_json_str = result;
                }

                $('#json-target').html(result);
            } else {
                $('#json-target').html('');
            }

        });

        //主入口
        function getRealJsonData(baseStr) {
            if (!baseStr || typeof baseStr != 'string') return;
            var jsonData = null;
            try {
                jsonData = JSON.parse(baseStr);
            } catch (err) {
                return null;
            }
            var needReplaceStrs = [];
            loopFindArrOrObj(jsonData, needReplaceStrs);
            needReplaceStrs.forEach(function (replaceInfo) {
                var matchArr = baseStr.match(eval('/"' + replaceInfo.key + '":[0-9]{15,}/'));
                if (matchArr) {
                    var str = matchArr[0];
                    var replaceStr = str.replace('"' + replaceInfo.key + '":', '"' + replaceInfo.key + '":"');
                    replaceStr += '"';
                    baseStr = baseStr.replace(str, replaceStr);
                }
            });
            var returnJson = null;
            returnJson = JSON.parse(baseStr);
            return returnJson;
        }
        //遍历对象类型的
        function getNeedRpStrByObj(obj, needReplaceStrs) {
            for (var key in obj) {
                var value = obj[key];
                if (typeof value == 'number' && value > 9007199254740992) {
                    needReplaceStrs.push({ key: key });
                }
                loopFindArrOrObj(value, needReplaceStrs);
            }
        }
        //遍历数组类型的
        function getNeedRpStrByArr(arr, needReplaceStrs) {
            for (var i = 0; i < arr.length; i++) {
                var value = arr[i];
                loopFindArrOrObj(value, needReplaceStrs);
            }
        }
        //递归遍历
        function loopFindArrOrObj(value, needRpStrArr) {
            var valueTypeof = Object.prototype.toString.call(value);
            if (valueTypeof == '[object Object]') {
                needRpStrArr.concat(getNeedRpStrByObj(value, needRpStrArr));
            }
            if (valueTypeof == '[object Array]') {
                needRpStrArr.concat(getNeedRpStrByArr(value, needRpStrArr));
            }
        }


        $('#right-box').keyup(function () {

            var text = $('#json-target').html().replace(/<br\/>/g, "\n").replace(/<br>/g, "\n").replace(/<[^>]+>/g, "").replace(/&nbsp;/ig, " ").replace(/Object{...}/ig, "").replace(/Array\[[0-9]+\]/ig, "");
            if (!xml_flag) {
                $('#json-src').val(text);
                current_content = text;
            }

        });
        $('.xml').click(function () {
            if (xml_flag) {
                $('#json-src').keyup();
            } else {
                var result = $.json2xml(current_content);
                $('#json-target').html('<textarea style="width:100%;position:absolute;height: 80vh;min-height:480px;border:0;resize:none;">' + result + '</textarea>');
                xml_flag = true;
                $(this).attr('style', 'color:#15b374;');
            }

        });
        $('.shown').click(function () {
            if (!shown_flag) {
                renderLine();
                $('#line-num').show();
                console.log($('#line-num'))
                $('.numberedtextarea-line-numbers').show();
                shown_flag = true;
                $(this).attr('style', 'color:#15b374;');
            } else {
                $('#line-num').hide();
                $('.numberedtextarea-line-numbers').hide();
                shown_flag = false;
                $(this).attr('style', 'color:#999;');
            }
        });

        function renderLine() {
            var line_num = $('#json-target').height() / 20;
            $('#line-num').html("");
            var line_num_html = "";
            for (var i = 1; i < line_num + 1; i++) {
                line_num_html += "<div>" + i + "<div>";
            }
            $('#line-num').html(line_num_html);
        }

        $('.zip').click(function () {
            if (zip_flag) {
                $('#json-src').keyup();
            } else {
                //$('#json-target').html(current_json_str.replace(/</g,"&lt;").replace(/>/g,"&gt;"));
                $('#json-target').html("<xmp>" + current_json_str + "</xmp>");
                zip_flag = true;
                $(this).attr('style', 'color:#15b374;');
            }

        });
        $('.compress').click(function () {
            if (!compress_flag) {
                $(this).attr('style', 'color:#15b374;');
                //$(this).attr('title','取消折叠').tooltip('fixTitle').tooltip('show');
                $($(".fa-minus-square-o").toArray().reverse()).click();
                compress_flag = true;
            } else {
                while ($(".fa-plus-square-o").length > 0) {
                    $(".fa-plus-square-o").click();
                }
                compress_flag = false;
                $(this).attr('style', 'color:#555;');
                $(this).attr('title', '折叠').tooltip('fixTitle').tooltip('show');
            }
        });
        $('.clear').click(function () {
            $('#json-src').val('');
            $('#json-target').html('');
        });
        $('.share').click(function () {
            $('#hidden-message-box').hide();
            try {
                var jqxhr = $.post("/shares/", { "content": current_json_str }, function (data) {
                    var k = data;
                })
                    .success(function (data) {
                        // window.location.href = "share.html?k=" + data;
                    })
                    .error(function (data) {
                        $('#hidden-message-box').hide();
                        if (data.status <= 400 && data.status > 200) {
                            $('#hidden-message').html(data.responseText);
                        } else if (data.status > 400) {
                            $('#hidden-message').html("服务器升级中...此功能暂不可用.");
                        }
                        $('#hidden-message-box').show();
                    }).done(function (data) {
                        $('#hidden-message-box').hide();
                        if (data.responseText != undefined) {
                            $('#hidden-message').html(data.responseText);
                        } else {
                            $('#hidden-message').html("服务器升级中...此功能暂不可用.");
                        }
                        $('#hidden-message-box').show();
                    }).complete(function (data) {
                        $('#hidden-message-box').show();
                    });
            } catch (e) {
                $('#hidden-message-box').show();
            } finally {
                setTimeout(function () {
                    $('#hidden-message-box').hide();
                }, 3000);
            }


        });
        $('.fullScreen').click(function () {
            $('#dragEle').css('left', '');
            $('main .col-md-7').css('width', '');
            $('main .col-md-5').css('width', '');
            $('.editor-con').toggleClass('editor-full-screen');
            $('body').toggleClass('overflow-hidden');
            $('.fullScreen .fa').toggleClass('fa-minus fa-arrows-alt');
            if ($(this).attr('data-original-title') === '全屏') {
                $(this).attr('data-original-title', '最小化')
            } else {
                $(this).attr('data-original-title', '全屏')
            }
        });
        (function ($) {
            $.fn.innerText = function (msg) {
                if (msg) {
                    if (document.body.innerText) {
                        for (var i in this) {
                            this[i].innerText = msg;
                        }
                    } else {
                        for (var i in this) {
                            this[i].innerHTML.replace(/&amp;lt;br&amp;gt;/gi, "n").replace(/(&amp;lt;([^&amp;gt;]+)&amp;gt;)/gi, "");
                        }
                    }
                    return this;
                } else {
                    if (document.body.innerText) {
                        return this[0].innerText;
                    } else {
                        return this[0].innerHTML.replace(/&amp;lt;br&amp;gt;/gi, "n").replace(/(&amp;lt;([^&amp;gt;]+)&amp;gt;)/gi, "");
                    }
                }
            };
        })(jQuery);
        $('.save').click(function () {
            // var content = JSON.stringify(current_json);
            // $('#txt-content').val(content);
            //var text = "hell world";
            var html = $('#json-target').html().replace(/\n/g, '<br/>').replace(/\n/g, '<br>');
            var text = $('#json-target').innerText().replace('　　', '    ');
            var blob = new Blob([text], { type: "application/json;charset=utf-8" });
            var timestamp = new Date().getTime();
            saveAs(blob, "format." + timestamp + ".json");
        });
        // $('.copy').click(function () {
        //     $.msg("成功复制到粘贴板","color:#00D69C;");
        //     $(this).tooltip('toggle')
        //           .attr('data-original-title', "复制成功！")
        //           .tooltip('fixTitle')
        //           .tooltip('toggle');
        // });
        var clipboard = new Clipboard('.copy');
        $('#json-src').keyup();

        //拖拽
        // var totalWidth = $(window).outerWidth() >= 1200 ? 1200 : $(window).outerWidth();
        var totalWidth = $(window).outerWidth();
        // var gapWidth = $(window).outerWidth() > 1200 ? ($(window).outerWidth() - 1200) / 2 : 0;
        var gapWidth = 0;
        var forbidenWidth = totalWidth - 400;
        $('#dragEle').myDrag({
            parent: 'parent', //定义拖动不能超出的外框,拖动范围
            randomPosition: false, //初始化随机位置
            direction: 'x', //方向
            handler: false, //把手
            dragStart: function (x, y) {
                totalWidth = $(window).outerWidth();
                gapWidth = 0;
                forbidenWidth = totalWidth - 400;
            }, //拖动开始 x,y为当前坐标
            dragEnd: function (x, y) {
                totalWidth = $(window).outerWidth();
                gapWidth = 0;
                forbidenWidth = totalWidth - 400;

                if (x > forbidenWidth) {
                    $('#dragEle').offset({ top: 0, left: forbidenWidth - 5 + gapWidth });
                    $('main .col-md-5').width(forbidenWidth);
                    $('main .col-md-7').width(totalWidth - forbidenWidth);
                } else if (x < 200) {
                    $('#dragEle').offset({ top: 0, left: 195 + gapWidth });
                    $('main .col-md-5').width(200);
                    $('main .col-md-7').width(totalWidth - 200);
                } else {
                    $('main .col-md-5').width(x);
                    $('main .col-md-7').width(totalWidth - x - 1);
                }
            }, //拖动停止 x,y为当前坐标
            dragMove: function (x, y) {
                if (x > forbidenWidth || x < 200) {

                } else {
                    $('main .col-md-5').width(x);
                    $('main .col-md-7').width(totalWidth - x - 1);
                }
            } //拖动进行中 x,y为当前坐标
        });
        $(window).resize(function () {
            $('#dragEle').css('left', '');
            $('main .col-md-7').css('width', '');
            $('main .col-md-5').css('width', '');
        });

        //搜索
        $('select.chosen-select').on('change', function () {

            window.location.href = $(this).val()
        });
        // if ($(window).scrollTop() > 100) {
        //     $('#goTop').show();
        // } else {
        //     $('#goTop').hide();
        // }
        //
        // $(window).scroll(function () {
        //     if ($(window).scrollTop() > 100) {
        //         $('#goTop').fadeIn(200);
        //     } else {
        //         $('#goTop').fadeOut(200);
        //     }
        // });
        $('body').on('click', '#goTop', function () {
            $('body,html').animate({
                scrollTop: 0
            },
                500);
            return false;
        });

        /*收藏*/
        $('body').on('click', '.xf-collection', function () {
            alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!')
        });

        $('body').on('mouseenter', '.ind-footer-nav-item', function () {
            $('.ind-footer-nav-item').removeClass('active')
            $(this).addClass('active');
            var index = $(this).attr('data-index');
            $('.ind-footer-nav-show').each(function (i, v) {
                if ($(this).attr('data-index') == index) {
                    $(this).addClass('active')
                } else {
                    $(this).removeClass('active');
                }
            });
        });


        $('body').on('mouseenter', '.nav-show-one', function () {
            $('.nav-show-one').removeClass('active');
            $(this).addClass('active');
            var itext = $(this).text();
            var ione = $(this).attr('data-chose');
            $(this).closest('.ind-footer-nav-show').find('.nav-show-one-sm-s-show').each(function (i, v) {
                $(v).hide();
                var index = $(v).attr('data-target');
                if (ione == index) {
                    $(v).find('.nav-show-one-sm-show-t').text(itext)
                    $(v).show();
                }
            });
        });
    </script>
    <!--
<div class="modal fade" id="shuangshi1Modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title" style="display: inline-block">阿里云618年中大促销</h4>
            </div>
            <div class="modal-body">
                <p><font size="4" color="red">小主们:</font></p>
                <p><font size="4" color="blue">
                    <a rel="nofollow" target="_blank" href="/618.php">&nbsp;&nbsp;最便宜的云服务器来了 ！阿里云618年中大促销啦。<font size="4" color="red">服务器59.9/年起（求打赏）</font>
                    </a></font></p>
            </div>
            <div class="modal-footer">
                <a type="button" class="btn btn-primary" target="_blank" href="/618.php" rel="nofollow" >主会场</a>
                <button type="button" class="btn btn-default" data-dismiss="modal">没兴趣</button>
            </div>
        </div>
    </div>
</div>
<script>
    if(!window.localStorage.getItem('shuangshi_json6181')) {
        window.localStorage.setItem("shuangshi_json6181",(new Date()).getTime());
        $('#shuangshi1Modal').modal('show', 'center');
    }else{
        var lasttime =  window.localStorage.getItem('shuangshi_json618');
        var nowtime = new Date().getTime();
        if(nowtime-lasttime>=1000*60*60*24*18){
            //window.localStorage.setItem("shuangshi_json618",(new Date()).getTime());
            //$('#shuangshi1Modal').modal('show', 'center');
        }
    }
</script>
-->


</body>

</html>